// .ant-picker {
//     box-sizing: border-box;
//     margin: 0;
//     color: rgba(0, 0, 0, .85);
//     font-size: 14px;
//     font-variant: tabular-nums;
//     line-height: 1.5715;
//     list-style: none;
//     font-feature-settings: "tnum", "tnum";
//     padding: 4px 11px;
//     position: relative;
//     display: inline-flex;
//     align-items: center;
//     background: #fff;
//     border: 1px solid #d9d9d9;
//     border-radius: 2px;
//     transition: border .3s, box-shadow .3s;

//     .rc-picker-clear {
//         display: none;
//         // right: 11px;
//         // position: absolute;
//         top: 50%;
//         right: 11px;
//         color: #00000040;
//         line-height: 1;
//         background: #fff;
//         transform: translateY(-50%);
//         cursor: pointer;
//         // opacity: 0;
//         // transition: opacity .3s, color .3s;
//     }

//     .rc-picker-suffix {
//         display: flex;
//         flex: none;
//         align-self: center;
//         margin-left: 4px;
//         color: #00000040;
//         line-height: 1;
//         pointer-events: none;
//     }

//     &:hover {
//         border-color: #40a9ff;
//         border-right-width: 1px;

//         .rc-picker-clear {
//             display: block;
//         }

//         .anction-show.rc-picker-suffix {
//             visibility: hidden;
//         }
//     }

//     &-range {
//         position: relative;
//         display: inline-flex;

//         .rc-picker-active-bar {
//             bottom: -1px;
//             height: 2px;
//             margin-left: 11px;
//             background: #1890ff;
//             opacity: 0;
//             transition: all .3s ease-out;
//             pointer-events: none;
//         }

//         .anticon {
//             display: inline-block;
//             color: inherit;
//             font-style: normal;
//             line-height: 0;
//             text-align: center;
//             text-transform: none;
//             vertical-align: -.125em;
//             text-rendering: optimizelegibility;
//             -webkit-font-smoothing: antialiased;
//         }

//         .ant-picker-separator {
//             position: relative;
//             display: inline-block;
//             width: 1em;
//             height: 16px;
//             color: #00000040;
//             font-size: 16px;
//             vertical-align: top;
//             cursor: default;
//         }

//         .rc-picker-range-separator {
//             align-items: center;
//             padding: 0 8px;
//             line-height: 1;
//         }
//     }

//     .rc-picker-input {
//         position: relative;
//         display: inline-flex;
//         align-items: center;
//         width: 100%;

//         // &-active{
//         //     border: 1px solid blue;
//         // }
//         &>input {
//             position: relative;
//             display: inline-block;
//             width: 100%;
//             min-width: 0;
//             color: #000000d9;
//             font-size: 14px;
//             line-height: 1.5715;
//             background-color: #fff;
//             background-image: none;
//             border: 1px solid #d9d9d9;
//             border-radius: 2px;
//             transition: all .3s;
//             flex: auto;
//             min-width: 1px;
//             height: auto;
//             padding: 0;
//             background: transparent;
//             border: 0;

//             &:focus {
//                 outline: none;
//             }
//         }
//     }

//     &.rc-picker-focused {
//         border-color: #40a9ff;
//         box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2);
//         border-right-width: 1px;
//         outline: 0;

//         .ant-picker-separator {
//             color: #00000073;
//         }

//     }
// }

// .jcharge-picker-popup {
//     box-sizing: border-box;
//     margin: 0;
//     padding: 0;
//     color: #000000d9;
//     font-size: 14px;
//     font-variant: tabular-nums;
//     line-height: 1.5715;
//     list-style: none;
//     font-feature-settings: "tnum";
//     position: absolute;
//     top: -9999px;
//     left: -9999px;
//     z-index: 1050;
//     padding: 7.54247233px 0;

//     .rc-picker-range-wrapper {
//         display: flex;
//     }

//     .rc-picker-range-arrow {
//         position: absolute;
//         z-index: 1;
//         width: 11.3137085px;
//         height: 11.3137085px;
//         margin-left: 16.5px;
//         box-shadow: 2px 2px 6px -2px #0000001a;
//         transition: left .3s ease-out;
//         border-radius: 0 0 2px;
//         pointer-events: none;
//         inset-inline-start: 0 !important;
//         &::after{
//             display: none;
//         }
//         &::before {
//             position: absolute;
//           //  top: -11.3137085px;
//             left: -11.3137085px;
//             width: 33.9411255px;
//             height: 33.9411255px;
//             background: #fff;
//             background-repeat: no-repeat;
//             background-position: -10px -10px;
//             content: "";
//             -webkit-clip-path: inset(33% 33%);
//             clip-path: inset(33% 33%);
//             -webkit-clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
//             clip-path: path("M 9.849242404917499 24.091883092036785 A 5 5 0 0 1 13.384776310850237 22.627416997969522 L 20.627416997969522 22.627416997969522 A 2 2 0 0 0 22.627416997969522 20.627416997969522 L 22.627416997969522 13.384776310850237 A 5 5 0 0 1 24.091883092036785 9.849242404917499 L 23.091883092036785 9.849242404917499 L 9.849242404917499 23.091883092036785 Z");
//         }
//     }

//     &.rc-picker-dropdown-placement-bottomLeft .rc-picker-range-arrow {
//         top: 2.58561808px;
//         display: block;
//         transform: rotate(-135deg) translateY(1px);
//     }

//     .rc-picker-panel-container {
//         overflow: hidden;
//         vertical-align: top;
//         background: #fff;
//         border-radius: 2px;
//         box-shadow: 0 3px 6px -4px #0000001f, 0 6px 16px #00000014, 0 9px 28px 8px #0000000d;
//         transition: margin .3s;

//         .rc-picker-panel {
//             display: inline-flex;
//             flex-wrap: nowrap;
//             direction: ltr;

//             .rc-picker-datetime-panel {
//                 display: flex;

//                 .rc-picker-date-panel {
//                     display: flex;
//                     flex-direction: column;
//                     width: 280px;
//                     .rc-picker-header {
//                         display: flex;
//                         padding: 0 8px;
//                         color: #000000d9;
//                         border-bottom: 1px solid rgba(0, 0, 0, .06);
//                         &>button{
//                             transform: translateY(-2px);
//                         }
//                         button{
//                             padding: 0;
//                             color: #00000040;
//                             line-height: 40px;
//                             background: transparent;
//                             border: 0;
//                             cursor: pointer;
//                             transition: color .3s;
//                             overflow: visible;
//                         }
//                         &>button{
//                             min-width: 1.6em;
//                             font-size: 14px;
//                         }
//                         &>*{
//                             flex:none
//                         }
//                         .rc-picker-header-prev-btn,
//                         .rc-picker-header-super-prev-btn,
//                         .rc-picker-header-next-btn,
//                         .rc-picker-header-super-next-btn{
//                             font-size: 22px;
//                         }
//                         .rc-picker-header-view{
//                             flex:auto;
//                             font-weight: 500;
//                             line-height: 40px;
//                             & button{
//                                 padding: 0;
//                                 color: #000000D9;
//                                 line-height: 40px;
//                                 background: transparent;
//                                 border: 0;
//                                 font-weight: bold;
//                                 cursor: pointer;
//                                 transition: color .3s;
//                             }
//                         }
//                         // .ant-picker-prev-icon, .ant-picker-super-prev-icon {
//                         //     transform: rotate(-45deg);
//                         // }
//                         // .ant-picker-prev-icon, .ant-picker-next-icon, .ant-picker-super-prev-icon, .ant-picker-super-next-icon {
//                         //     position: relative;
//                         //     display: inline-block;
//                         //     width: 7px;
//                         //     height: 7px;
//                         // }
//                     }
//                 }
//             }
//         }
//     }
//     .rc-picker-footer,.rc-picker-body,.rc-picker-date-panel,.rc-picker-time-panel,.rc-picker-time-panel-cell>div{
//         background:#fff !important;
//     }
// }
